﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="userDetail.aspx.cs" Inherits="userDetail" %>

<%@ Register src="../userControls/ctrl-userProfile.ascx" tagname="userProfile" tagprefix="uc1" %>
<%@ Register src="../userControls/ctrl-myTrails.ascx" tagname="myTrails" tagprefix="uc1" %>
<%--<%@ Register src="../userControls/ctrl-friendTrails.ascx" tagname="friendTrails" tagprefix="uc1" %>
<%@ Register src="../userControls/ctrl-FriendRequests.ascx" tagname="FriendRequests" tagprefix="uc1" %>
--%>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

<script src="../js/jquery.jcarousel.pack.js" type="text/javascript"></script>
<script type="text/javascript">
    
    jQuery(document).ready(function() {
        jQuery('#mycarousel').jcarousel({
            vertical: true,
            scroll: 1
        });
    });

    
</script>
<script type="text/javascript" language="javascript">
function changeimg(obj) {
        document.getElementById('<%=imgMain.ClientID%>').src = obj.src;
    }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<asp:Label ID="lblMsg" runat="server" Visible="false" Text="Profile was edited successfully" CssClass="error"></asp:Label>

<table border="0" width="99%">
  <tr>
    <td align="left" width="77%" valign="top">
    <table width="200" border="0" cellspacing="0" cellpadding="0">
       <tr>
         <td width="8" height="8" align="left" valign="top"><asp:Image ID="Image9" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
         <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="Image10" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
         <td width="8" height="8" align="left" valign="top"><asp:Image ID="Image11" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
       </tr>
       <tr>
         <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="Image12" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
         <td align="left" valign="top" bgcolor="#FFFFFF"><table width="180" border="0" cellspacing="0" cellpadding="0">
             <tr>
               <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">
                     <asp:Literal ID="ltrUsername" runat="server"></asp:Literal>
               </td>
             </tr>             
             <tr>
               <td align="left" valign="top"><div style="padding:0px 10px; text-align:left; font-size:11px; line-height:25px;" > 
                  
                   
                </div></td>
             </tr>
             
         </table></td>
         <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="Image13" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
       </tr>
       <tr>
         <td width="8" height="8" align="left" valign="top"><asp:Image id="Image14" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
         <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="Image15" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
         <td width="8" height="8" align="left" valign="top"><asp:Image id="Image16" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
       </tr>
</table><br />
        <table border="0" cellpadding="0" cellspacing="0" width="99%">
            <tr>
                <td align="left">
                    <uc1:userProfile ID="userProfile1" runat="server" /><br />
                </td>
            </tr>
            <tr>
                <td align="left"> <uc1:myTrails ID="myTrails1" runat="server" /><br />
                </td>
            </tr>
            <tr>
                <td align="left">
                    
                </td>
            </tr>
            <tr>
                <td align="left"> 
                
            </td>
            </tr>
        </table>
    </td>
    
    <td align="left" valign="top">
    <asp:Panel ID="pnluser" runat="server" Visible="false">
        <asp:HyperLink ID="hprAddFriend" runat="server" NavigateUrl="~/UI/add-Friend.aspx" CssClass="links" Text="Add Friends"></asp:HyperLink>&nbsp;&nbsp;
        <asp:HyperLink ID="hprEditPhotos" runat="server" NavigateUrl="~/UI/edit-photos.aspx" Text="Edit Photos" CssClass="links" ></asp:HyperLink>&nbsp;&nbsp;
        <asp:HyperLink ID="hprEditProfile" runat="server" NavigateUrl="~/UI/edit-Profile.aspx" Text="Edit Profile" CssClass="links" ></asp:HyperLink><br /><br />
    </asp:Panel>    
      
    <table width="310" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="8" height="8" align="left" valign="top"><asp:Image ID="Image1" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
        <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="Image2" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
        <td width="8" height="8" align="left" valign="top"><asp:Image ID="Image3" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
      </tr>
      <tr>
        <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="Image4" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
        <td align="left" valign="top" bgcolor="#FFFFFF">
        <table width="290" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">
                <asp:Label ID="lblUserPhotos" runat="server" />
              </td>
            </tr>
            <tr>
              <td align="left" valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td align="center" valign="top"><div style="padding:0px 1px; text-align:left; font-size:11px; line-height:25px;" > 
                  
                  <table border="0">
                        <tr>    
                            <td valign="top">
                                <asp:Image ID="imgMain" runat="server" BorderColor="#ababab" BorderWidth="3px" BorderStyle="Solid" />
                            </td>
                            <td>
                                <ul id="mycarousel" class="jcarousel jcarousel-skin-tango">
                                     <asp:Literal ID="myImages" runat="server"></asp:Literal>
                                 </ul>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                
                            </td>
                         </tr>
                  
                </table>               
                  
               </div></td>
            </tr>
            <tr>
              <td align="left" valign="top">&nbsp;</td>
            </tr>
        </table></td>
        <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="Image5" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
      </tr>
      <tr>
        <td width="8" height="8" align="left" valign="top"><asp:Image id="Image6" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
        <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="Image7" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
        <td width="8" height="8" align="left" valign="top"><asp:Image id="Image8" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
      </tr>
    </table> <br />
   
   <%----------------------------------------------------------------------------------------%>
   <%--------------------------------My friends photos---------------------------------------%>
   <%----------------------------------------------------------------------------------------%>
   
   <table width="310" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="8" height="8" align="left" valign="top"><asp:Image ID="img71" runat="server" ImageUrl="~/images/box/white/round_box_top_left.png" Width="8" Height="8" /></td>
        <td height="8" align="left" valign="top" style="background-color: White;"><asp:image ID="im81" runat="server" ImageUrl="images/box/white/round_box_top_repeater.png" Width="1" Height="8" /></td>
        <td width="8" height="8" align="left" valign="top"><asp:Image ID="img24" runat="server" ImageUrl="~/images/box/white/round_box_top_right.png" Width="8" Height="8" /></td>
      </tr>
      <tr>
        <td width="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img91" runat="server" ImageUrl="~/images/box/white/round_box_left-08.png" Width="8" Height="2" /></td>
        <td align="left" valign="top" bgcolor="#FFFFFF"><table width="290" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td align="left" valign="top" class="arial_heading_font_blue_16 dotted_bottom_line">
                <asp:Label ID="lbluserFriends" runat="server" />
              </td>
            </tr>
            <tr>
              <td align="left" valign="top">&nbsp;</td>
            </tr>
            <tr>
              <td align="center" valign="top"><div style="padding:0px 15px; text-align:left; font-size:11px; line-height:25px;" > 
                  <br />
                  
                  
               </div></td>
            </tr>
            <tr>
              <td align="left" valign="top">&nbsp;</td>
            </tr>
        </table></td>
        <td width="8" align="right" valign="top" style="background-color: White;"><asp:Image ID="img62" runat="server" ImageUrl="images/box/white/right.png" Width="8" Height="2" /></td>
      </tr>
      <tr>
        <td width="8" height="8" align="left" valign="top"><asp:Image id="img42" runat="server" ImageUrl="~/images/box/white/round_box_bottom_left.png" Width="8" Height="8" /></td>
        <td height="8" align="left" valign="top" style="background-color: White;"><asp:Image ID="img52" runat="server" ImageUrl="~/images/box/white/round_box_bottom_repeater.png" Width="1" Height="8" /></td>
        <td width="8" height="8" align="left" valign="top"><asp:Image id="img33" runat="server" ImageUrl="~/images/box/white/round_box_bottom_right.png" Width="8" Height="8" /></td>
      </tr>
    </table>         
         
    </td>
  </tr>
</table>
</asp:Content>

